<template lang="html">
	<div class="classifybox">
     	<ul class="classifycon">
     		<li class="goodsitem liebiao" v-for="item in goodsinfo">
				<img :src="item.picUrl" alt="" class="timg">
				<p id="litem">时间:{{item.ctime}}</p>
				<p id="litem">描述:{{item.description}}</p>
				<p id="litem">标题:{{item.title}}</p>

     		</li>  
      	</ul>
	</div>
</template>

<script>
import $ from "jquery";
import IScroll from "iscroll";
	export default{
		data(){
			return {
		      scroll:"",
		      goodsinfo:[]
		    }
    	},
  		mounted(){
  			var myScroll = new IScroll(".classifybox");
  			var that = this;
    		that.notLoaded = true;
    		$.get("http://route.showapi.com/231-1",{
		      	showapi_appid: 41467,
				showapi_sign: 'fc090ece3fed4ab5988e0483ecd0d5cf',
		    	num:"50",
		    	page:1
		    },
	        function(res){
	        	if(res&&res.showapi_res_code===0){
	        		var listInfo = res.showapi_res_body.newslist;
		        	
		        	that.goodsinfo=listInfo;
		        	console.log(that.goodsinfo);
	        	}
	        	
	        },"json")
  		}
	}
	
</script>

<style lang="css">
	.classifybox{
		min-height:500px;
		width: 100%;
	}
	.classifycon{
		width: 100%;
		display: block;
	}
	.goodsitem{
		width:100%;
		border-bottom: 2px solid #ccc;
	}
	.liebiao{
		display: block;
		float: left;
		width:100%;
		height:100px;
		background:#fff;
		color:#ccc;
		font-size:16px;
	}
	.liebiao img{
		display: block;
		height:100px;
		width:100px;
		border-radius:50px;
		float:left;
		
	}
	#litem{
		font-size: 18px;
		line-height:20px;
		text-align: left;
		padding-left:15px;
	}
	
</style>